import React, { Component } from 'react';
import ReactDom from 'react-dom';

class App extends Component {
    render() {
        return (
            <div>Hello,World!</div>
        )
    }
}

ReactDom.render(<App />,document.getElementById('root'))



// let promise = new Promise((resolve)=>{
//     setTimeout(()=>{
//         resolve('成功')
//     })
// })


// promise.then(res=>{
//     console.log('res',res);
// })


// ES Module模块引入方式
// webpack 是一个模块打包工具
// CommonJS 模块引入规范
// CMD
// AMD

// JS 模块打包工具


// import Header from './header';
// import Content from './content';
// import Footer from './footer';

// let Header = require('./header');
// let Content = require('./content');
// let Footer = require('./footer');
// let test = require('./test.jpg')

// import test from './test.jpg';
// import createAvatar from './createAvatar';
// import style from './index.scss';


// createAvatar();

// let img = new Image();
// img.src = test;
// img.classList.add(style.avatar);
// let root = document.getElementById('root');
// root.append(img);


// let root = document.getElementById('root');

// // 面向过程
// var header = document.createElement('div');
// header.innerHTML = 'Header';
// root.append(header);

// var content = document.createElement('div');
// content.innerHTML = 'Content';
// root.append(content);

// var footer = document.createElement('div');
// footer.innerHTML = 'Footer';
// root.append(footer);


// 面向对象
// new Header();
// new Content();
// new Footer();


// 打包字体文件
// import './index.scss'

// console.log('hello,world!!!');
// var root = document.getElementById('root');
// root.innerHTML = '<div class="iconfont icon-a-139_chaxiequ"></div>';

// import './style.css';

// let btn =  document.createElement('button');
// btn.innerHTML = '新增';
// document.body.appendChild(btn);

// btn.onclick = function() {
//     let div = document.createElement('div');
//     div.innerHTML = 'item';
//     document.body.appendChild(div);
// }